<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><!--<a ui-sref="main">--><i class="fa fa-home"></i> 首页</a></li>
        <li><!--<a ui-sref="main.sys.user.list">-->用户信息管理</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>

<!-- 内容区域 -->
<div class="wrapper-md content">
    <div class="panel panel-default">
        <!-- 头部 -->
        <!--<div class="panel-heading font-bold">{{title}}
        <a class="btn btn-sm btn-icon btn-rounded btn-default pull-right m-t-n-xs" ui-sref="main.sys.user.list"><i class="text-md fa fa-times text-muted"></i></a>
        </div>-->
        <!--表单-->
            <div class="panel-body">
                <form class="form-horizontal"  name="user_form">
                    <!--账户名-->
                    <div class="form-group">
                        <label class="col-lg-2 col-sm-3 control-label" >
                        账户名</label>
                        <div class="col-sm-6">
                           <!-- <input type="text" class="form-control" name="account" id="account"  ng-model="record.account"  readonly="true" ng-disabled="record.userId">-->
                            <label class="col-lg-2 col-sm-3 control-label"> {{record.account}}</label>
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <!--真实姓名-->
                    <div class="form-group">
                        <label class="col-lg-2 col-sm-3 control-label" for="userName">
                        用户名</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" name="userName" id="userName" placeholder="请输入您的真实姓名..." ng-model="record.userName">
                            <span class="help-block m-b-none"></span>
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <!--真实姓名拼音-->
                    <div class="form-group">
                        <label class="col-lg-2 col-sm-3 control-label" for="namePinyin">
                            用户名拼音</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" name="namePinyin" id="namePinyin" placeholder="请输入您的真实姓名的拼音..." ng-model="record.namePinyin">
                            <span class="help-block m-b-none"></span>
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <!--性别-->
                    <div class="form-group">
                        <label class="col-lg-2 col-sm-3 control-label" for="sex">
                            性别</label>
                        <div class="col-sm-6">
                           <!-- <input name="radiobutton" type="radio" value="radiobutton" id="radiobutton" checked="checked" /> 男1 <input type="radio" name="radiobutton" id="radiobutton1" value="radiobutton" /> 女1-->
                            <input type="radio"  name="sex" id="sex" checked="checked" value="1" />男
                            <input type="radio"  name="sex"  id="sex1" value="2" />女
                            <span class="help-block m-b-none"></span>
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <!--出生日期-->
                    <div class="form-group">
                        <label class="col-lg-2 col-sm-3 control-label" for="birthDay">
                            出生日期</label>
                        <div class="col-sm-6">
                            <input type="date" class="form-control" name="birthDay" id="birthDay"  ng-model="record.birthDay">
                            <span class="help-block m-b-none"></span>
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <!--身份证号码-->
                    <div class="form-group">
                        <label class="col-lg-2 col-sm-3 control-label" for="idCard">
                            身份证号码</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" name="idCard" id="idCard" placeholder="请输入您的身份证号码..." ng-model="record.idCard">
                            <span class="help-block m-b-none"></span>
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <!--详细地址-->
                    <div class="form-group">
                        <label class="col-lg-2 col-sm-3 control-label" for="address">
                            详细地址</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" name="address" id="address" placeholder="请输入您的详细地址..." ng-model="record.address">
                            <span class="help-block m-b-none"></span>
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <!--邮箱-->
                    <div class="form-group">
                        <label class="col-lg-2 col-sm-3 control-label" for="email">
                        邮箱</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" name="email" id="email" placeholder="只显示邮箱..." ng-model="record.email">
                            <span class="help-block m-b-none"></span>
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <!--qq-->
                    <div class="form-group">
                        <label class="col-lg-2 col-sm-3 control-label" for="qq">
                            QQ</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" name="qq" id="qq" placeholder="请输入您的qq..." ng-model="record.qq">
                            <span class="help-block m-b-none"></span>
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <!--联系电话-->
                    <div class="form-group">
                        <label class="col-lg-2 col-sm-3 control-label" for="phone">
                            <span class="text-danger wrapper-sm">*</span>联系电话</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" name="phone" id="phone" placeholder="请输入您的联系电话..." ng-model="record.phone">
                            <span class="help-block m-b-none"></span>
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <!--用户头像-->
                    <div class="form-group">
                        <label class="col-lg-2 col-sm-3 control-label" for="userLogoPic">
                        用户头像</label>
                        <div class="col-sm-6">
                            <div class="m-b upload-pic-box">
                                <a href="javascript:void(0);" class="btn btn-default btn-addon">
                                    <i class="fa fa-upload"></i>上传头像
                                </a>
                            </div>
                            <input type="file" id="fileInput" ng-hide="1" />
                            <div class="hbox hbox-auto-xs">
                                <div class="col">
                                    <div class="wrapper-sm b-a bg-white m-r-xs m-b-xs">
                                        <div class="bg-light" style="height:320px">
                                            <img-crop
                                                    image="myImage"
                                                    result-image="myCroppedImage"
                                                    result-image-size="160"
                                                    area-type="square"
                                                    ></img-crop>
                                        </div>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="inline bg-white wrapper-sm b-a">
                                        <div class="bg-light">
                                            <img ng-src="{{myCroppedImage}}" />
                                        </div>
                                    </div>
                                    <!--<a class="btn btn-info" ng-click="uploadImg()">上传头像</a>-->
                                </div>
                            </div>
                            <span class="help-block m-b-none">logo尺寸要求宽度*高度为150px*150px。图片格式支持gif,jpg,png</span>
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <!--btn-->
                    <div class="form-group">
                        <div class="col-sm-6 col-sm-offset-2">
                            <button type="submit" class="btn btn-default w-xs" ng-click="refresh()">重置</button>
                            <button type="submit" class="btn btn-info w-xs m-l-xl" ng-click="save()">保存</button>
                           <!-- <button type="submit" class="btn btn-info w-xs m-l-xl" ng-disabled="isDisabled">保存</button>-->
                        </div>
                    </div>
                </form>
            </div>
    </div>
</div>
